<template>
  <el-form-item label="子组件-状态">
    <el-radio-group v-model="statusCode" @change="hChange">
      <!-- 文章状态，0-草稿，1-待审核，2-审核通过，3-审核失败，4-已删除，不传为全部 -->
      <el-radio :label="null">全部</el-radio>
      <el-radio :label="0">草稿</el-radio>
      <el-radio :label="1">待审核</el-radio>
      <el-radio :label="2">审核通过</el-radio>
      <el-radio :label="3">审核失败</el-radio>
      <el-radio :label="4">已删除</el-radio>
    </el-radio-group>
  </el-form-item>
</template>

<script>
export default {
  name: 'Status',
  props: ['value'],
  // props: {
  //   value: {
  //     type: ,
  //     required:,
  //     default,
  //     validator:
  //   }
  // },
  data () {
    return {
      // statusCode：组件内部的数据
      // this.vlaue： 父组件传入的prop
      statusCode: this.value
    }
  },
  methods: {
    hChange () {
      this.$emit('input', this.statusCode)
    }
  }
}
</script>
